<include file="common:head" />
<div class="box">

<!-- 洗车店 -->
<div class="server_type">
	<div class="img once fl">
		<img src="__PRIVATE__/Images/home.png"/>
	</div>
	<div class="fl title">{$list.address_name}</div>
</div>
<div class="cl"></div>
<!-- 洗车店 -->

<!-- 需要洗车的车牌号 -->
<div class="server_type">
	<div class="img weekend fl">
		<img src="__PRIVATE__/Images/cartype.png"/>
	</div>
	<div class="fl title">
		<!-- <select id="car_id">
			<foreach name="uc_data" item="so" >
				<option value="{$so.id}">{$so.license_plate}</option>
			</foreach>
		</select> -->
		<input id="car_id" type="hidden" value="{$uc_data.id}">{$uc_data.license_plate}
	</div>
</div>
<div class="cl"></div>
<!-- 需要洗车的车牌号 -->

<!-- 收费类型 -->
<div class="server_type">
	<div class="img month fl">
		<img src="__PRIVATE__/Images/pay_type.png"/>
	</div>
	<div class="fl title"><input id="card_type" type="hidden" value="{$list.card_type}">{$list.type}</div>
</div>
<div class="cl"></div>
<!-- 收费类型 -->

<!-- 总价格 -->
<div class="server_type">
	<div class="img year fl">
		<img src="__PRIVATE__/Images/price.png"/>
	</div>
	<div class="fl title"><input id="total_price" type="hidden" value="{$list.total_price}">{$list.total_price}元<label class="tips">未減去優惠卷價格</label></div>
</div>
<div class="cl"></div>
<!-- 总价格 -->

<!-- 預約時間 -->
<div class="server_type book">
	<div class="img ff8800 fl">
		<img src="__PRIVATE__/Images/book_time.png"/>
	</div>
	<div class="fl title">
		<empty name="list['book_time_list']">
			<select id="book_time" disabled>
					<option value="-1">請明天預約</option>
			</select>
		<else/>
			<select id="book_time">
				<foreach name="list['book_time_list']" item="so" >
					<option value="{$so.book_time}">{$so.book_time} {$so.meanwhile_order}單</option>
				</foreach>
			</select>
		</empty>
	</div>
</div>
<div class="cl"></div>
<!-- 預約時間 -->

<!-- 联系方式 -->
<div class="server_type book">
	<div class="img gold fl">
		<img src="__PRIVATE__/Images/callphone.png"/>
	</div>
	<div class="fl title">
		<input id="phone" class="order_remarks" type="text" placeholder="联系方式" value="{$list.phone}">
	</div>
</div>
<div class="cl"></div>
<!-- 联系方式 -->

<!-- 優惠卷 -->
<div class="server_type book">
	<div class="img blodgreen fl">
		<img src="__PRIVATE__/Images/coupon.png"/>
	</div>
	<div class="fl title">
		<if condition="$list.total_price gt 0 ">
			<empty name="coupon_data">
				<select id="coupon" disabled>
					<option value="-1">暫無優惠卷</option>
				</select>
			<else/>
				<select id="coupon">
					<option value="0">不使用</option>
					<foreach name="coupon_data" item="so">
						<option value="{$so.id},{$so.coupon_id}">优惠卷立减{$so.price}元</option>
					</foreach>
				</select>
			</empty>
	    <else />
			<select id="coupon" disabled>
				<option value="-1">無法使用</option>
			</select>
		</if>
	</div>
</div>
<div class="cl"></div>
<!-- 優惠卷 -->

<!-- 备注 -->
<div class="server_type">
	<div class="img ff0000 fl">
		<img src="__PRIVATE__/Images/remarks.png"/>
	</div>
	<div class="fl title">
		<input id="remarks" class="order_remarks" type="text" placeholder="備註樓層,等詳細地址">
	</div>
</div>
<div class="cl"></div>
<!-- 备注 -->

<!-- 以下为支付方式 -->
<!-- <div class="pay_type">
	<input id="pay_mode" type="hidden" value=1> 隐藏一个支付方式
	<div class="online" num='1'>
		<div class="img fl"><img src="__PRIVATE__/Images/checked.png"/></div>
		<div class="fl">線上支付</div>
	</div>
	<div class="cl"></div>
	<div class="no_online" num='0'>
		<div class="img fl"><img src="__PRIVATE__/Images/no_checked.png"/></div>
		<div class="fl">線下支付</div>
	</div>
</div> -->

</div>

<div class="bottom1"  style="height:8%;">
	<div class="go_pay" style="padding:4%;" onclick="javascript:confirmOrder({$list['id']});">
		確認訂單
	</div>
</div>

<script type="text/javascript">

$('.online').click(function(){
	$(this).attr('num','1');
	$(this).children('.img').children('img').attr('src','__PRIVATE__/Images/checked.png');
	$('#pay_mode').val(1);  //线上支付
	$('.no_online').attr('num','0');
	$('.no_online').children('.img').children('img').attr('src','__PRIVATE__/Images/no_checked.png');
});
$('.no_online').click(function(){
	$(this).attr('num','1');
	$(this).children('.img').children('img').attr('src','__PRIVATE__/Images/checked.png');
	$('#pay_mode').val(0); //线下支付
	$('.online').attr('num','0');
	$('.online').children('.img').children('img').attr('src','__PRIVATE__/Images/no_checked.png');
});

$('title').html('確定訂單');
$('.header .title').html("確定訂單");
$('.header .left').html('<img src="__PRIVATE__/images/left.png" style="width:55%"/>');
$('.header .right').html('');
$('.header .left').click(function(){
	window.location.href = "{:U(MODULE_NAME.'/index/gopay',array('id'=>$list['id']))}"; //返回下单页面gopay
});

// $( function() {
	// var nowdate = getNowFormatDate('twohour');
	// var calendar = new datePicker();
	// calendar.init({
	//     'trigger': '.book', /*按钮选择器，用于触发弹出插件*/
	//     'type': 'datetime',/*模式：date日期；datetime日期时间；time时间；ym年月；*/
	//     'minDate':nowdate,/*最小日期*/
	//     'maxDate':'2050-12-31',/*最大日期*/
	//     'onSubmit':function(){
	//         var theSelectData=calendar.value;
	//         $('#book_time').val(theSelectData);
	//     },
	//     onClose:function(){
	//     }
	// });
// });
//文本中获取数字
function getNum(text){
	var num = text.replace(/[^0-9]/ig,"");
	return num;
}

// //获取时间
// function getNowFormatDate($type=now) {
//     var date = new Date();
//     var seperator1 = "-";
//     var seperator2 = ":";
//     var month = date.getMonth() + 1;
//     if ($type=='twohour') {
// 	    var strDate = date.getDate() + 2;
//     }else{
// 	    var strDate = date.getDate();
//     }
//     if (month >= 1 && month <= 9) {
//         month = "0" + month;
//     }
//     if (strDate >= 0 && strDate <= 9) {
//         strDate = "0" + strDate;
//     }
//     if ($type=='now') {
// 	    var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate;//现在
//     }
//     return currentdate;
// }

//确认订单
function confirmOrder(id){
	var savePostData = {
		id 		 :id,
		car_id	 :$('#car_id').val(), 		// 爱车id
		// pay_type:$('#pay_mode').val(), 	//支付方式
		pay_type :1, 						//支付方式
		coupon 	 :$('#coupon').val(),  	  	//优惠卷
		card_type:$('#card_type').val(),  	//卡类型
		total_price:$('#total_price').val(),//总价
		book_time:$('#book_time').val(), 	//预约时间
		phone	 :$('#phone').val(), 		//联系方式
		remarks  :$('#remarks').val() 		//備註
	};
	if ( savePostData.book_time == '-1' ) {
		layer.open({
		    content: '請明天預約'
		    ,skin: 'msg'
		    ,style: 'width: 30%; height:5%;padding:20px;font-size:3rem;'
		    ,time: 1 //2秒后自动关闭
		});
		return false;
	}else if( savePostData.phone == '' ){ /*联系方式必填*/
		layer.open({
		    content: '請填寫聯繫方式'
		    ,skin: 'msg'
		    ,style: 'width: 30%; height:5%;padding:20px;font-size:3rem;'
		    ,time: 1 //2秒后自动关闭
		});
		return false;
	}else if( savePostData.remarks == '' ){ /*備註必填*/
		layer.open({
		    content: '請填寫備註'
		    ,skin: 'msg'
		    ,style: 'width: 30%; height:5%;padding:20px;font-size:3rem;'
		    ,time: 1 //2秒后自动关闭
		});
		return false;
	}
	$.post("{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/confirmOrder')}",savePostData,function(data){
		if (data.status) {
			if (data.status==1) {
				var obj = data.data;
				//判断是否可调用微信支付SDK
				wx.config({
				    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				    appId: obj.appId, // 必填，公众号的唯一标识
				    timestamp:obj.timeStamp , // 必填，生成签名的时间戳
				    nonceStr: obj.nonceStr, // 必填，生成签名的随机串
				    signature: obj.signature,// 必填，签名，见附录1
				    jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
				});

				wx.chooseWXPay({
				    timestamp: obj.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
				    nonceStr: obj.nonceStr, // 支付签名随机串，不长于 32 位
				    package: obj.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
				    signType: obj.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
				    paySign: obj.paySign, // 支付签名
				    success: function (res) {
				    	// 跳转到商户指定的支付成功静态页面
				    	window.location.href = "/index/showAfterPay/ordersn/"+obj.ordersn+"/type/"+obj.type;
				    },
				    fail: function(res) {
			            //接口调用失败时执行的回调函数。
			            layerCallBackTips(res.errMsg);
			        }
				});

				wx.error(function(res){
					alert("请联系客服,错误原因: " + res.errMsg);
				});
			}else if(data.status==2){
				var obj = data.data;
				layer.open({
				    content: data.info
				    ,skin: 'msg'
				    ,style: 'width: 30%; height:5%;padding:20px;font-size:3rem;'
				    ,time: 2 //2秒后自动关闭
				    ,end: function () {
						window.location.href = "/index/showAfterPay/ordersn/"+obj.ordersn+"/type/"+obj.type;
					}
				});
			}

		}else{
			//预支付package失败
			layer.open({
			    content: data.info+',请5分钟后重新下单!'
			    ,skin: 'msg'
			    ,style: 'width: 30%; height:5%;padding:20px;font-size:3rem;'
			    ,time: 2 //2秒后自动关闭
			});
		}
	});
}

</script>
